<template>
  <div>
    <mt-header :title="$route.meta.title" v-if="showTitle" fixed>

      <a slot="left" >
        <mt-button icon="back" @click.native="go()">返回</mt-button>
      </a>
      <mt-button icon="more" slot="right"></mt-button>
    </mt-header>
    <router-view class="app-context" />
  </div>

</template>

<script>
import {mapGetters} from 'vuex'
import Loading from '@/components/base/loading/Loading.vue'
export default {
  name: 'App',
  data(){
    return {
      ignoreTitle:['login']
    }
  },
  methods:{
    go(){
      this.$router.go(-1)
    }
  },
  computed:{
    showTitle(){
      return !(this.ignoreTitle.includes(this.$route.name));
    }
  },
  components:{
    Loading
  }
}

</script>

<style>
html,
body {
  font-size: 26.666666666667vw;
  background: #fff;
}

* {
  margin: 0;
  padding: 0;
}
.gray {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);

  filter: gray; }
img {
  border: none;
}
.mint-header{
  background: rgb(142,10,190) !important;
}
input {
  border: none;
  background: none;
  outline: none;
}

ul,
li {
  list-style: none;
}
.app-context{
  padding-top: 40px !important;
}
a {
  text-decoration: none;
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input{
  font-size: 10px;
}
.clearfix:after{
  display: block;
  content:'';
  clear: both;
  height:0;
}
</style>
